{% for message in get_flashed_messages(with_categories=True) %}
    <div class="alert alert-dismissible alert-{{ message[0] }}">
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        <h4 class="alert-heading">{{ message[0] }}</h4>
        <p class="mb-0">
            {{ message[1] }}
        </p>
    </div>
{% endfor %}